<template>
  <div>
    <!-- 头部导航 -->
        <div>
            <van-nav-bar
                title="防疫商城"
                left-text="返回"
                left-arrow
                @click-left="onClickLe"
                />
        </div>
    <!-- 头部导航 -->

<div class="shang">
            <div class="bj">
            北京
        </div>

        <!-- 地区 -->
        <div class="fle jus">
            <div class="fle">
                <div>全部用品</div>
                <div>
                    <van-icon name="arrow-down" />
                </div>
            </div>

            <div class="fle">
                <div>附近</div>
                <div>
                    <van-icon name="arrow-down" />
                </div>
            </div>

            <div class="fle">
                <div>智能筛选</div>
                <div>
                    <van-icon name="arrow-down" />
                </div>
            </div>
        </div>
</div>
        <!-- 地区 -->

        <!-- 主体区 -->
        <div class="huh fle jus2">
            <div>
                <img src="../../../assets/fysccc.png" alt="" width="170px" height="240px">
            </div>
            <div>
                <img src="../../../assets/fysccc.png" alt="" width="170px" height="240px">
            </div><div>
                <img src="../../../assets/fysccc.png" alt="" width="170px" height="240px">
            </div><div>
                <img src="../../../assets/fysccc.png" alt="" width="170px" height="240px">
            </div><div>
                <img src="../../../assets/fysccc.png" alt="" width="170px" height="240px">
            </div><div>
                <img src="../../../assets/fysccc.png" alt="" width="170px" height="240px">
            </div><div>
                <img src="../../../assets/fysccc.png" alt="" width="170px" height="240px">
            </div><div>
                <img src="../../../assets/fysccc.png" alt="" width="170px" height="240px">
            </div>
        </div>

  </div>
</template>

<script>
export default {

    methods:{
        onClickLe(){
      this.$router.back()
    }
    }

}
</script>

<style lang="less" scoped>
.fle{
    display: flex;
}
.jus{
    justify-content: space-between;
}
.jus2{
    justify-content: space-around;
}
.shang{
    width: 370px;
    height: 80px;
    margin: auto;
    // background-color: red;
}
.fle{
    display: flex;
}
.huh{
    flex-wrap: wrap;
}
.bj{
    width: 370px;
    height: 35px;
}
</style>